<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org">
<head>
<title>首页</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
	<div class="container" id="content">
		<div class="container_fluid"
			style="height: 100%; width: 100%; position: relative;">
			<div id="map" style="height: 100%;"></div>
			<div
				style="filter: alpha(Opacity = 80); -moz-opacity: 0.5; opacity: 0.8; padding-right: 0em; padding-left: 0em; height: 40px; width: 100px; position: absolute; top: 10px; left: 20px;">
				<div class="input-group">
					<input type="text" id="search" class="form-control"
						placeholder="摄像头丨部件丨网格.." style="width: 240px;" /> <span
						class="input-group-btn">
						<button type="button" class="btn btn-info searchBtn">查询</button>
						<button type="button" class="btn btn-info resetBtn">撤消</button>
					</span>
				</div>
			</div>
			<div id="partInfoDiv"  style="filter: alpha(Opacity = 80); -moz-opacity: 0.5; opacity: 0.8; padding-right: 0em; padding-left: 0em; position: absolute;top: 50%;left: 50%; transform: translate3d(-50%,-50%,0);">
				<div id="partInfo" class="list-div box-overlay magictime puffIn"  data-hover="puffOut" data-return="puffIn">
					<div id="list-header">
						<div>
							<button id="closePartInfo" type="button" class="close" style="opacity :1 !important;margin: 0px;height: 100%;padding-right: 10px;"  aria-hidden="true"><a style="color: white;"><i class="glyphicon glyphicon-remove" style="font-size: 2em;"></i></a></button>
							<h2 class="my-modal-title" >部件信息</h2>
						</div>
					</div>
				    <ul id="listShow" class="list grow">
					</ul>
				</div>
			</div>
		</div>

		
		<link rel="stylesheet" th:href="@{/partShow/css/stroll.css}" />
		<link rel="stylesheet" th:href="@{/partShow/css/example.css}" />
		<link rel="stylesheet" th:href="@{/partShow/css/magic.min.css}" />
		<link rel="stylesheet" th:href="@{/partShow/css/ipad.css}" />
		
		<script th:src="@{/partShow/js/stroll.min.js}"></script>

		<link rel="stylesheet" type="text/css"
			href="http://39.107.125.44/arcgis_js_api/library/3.16/3.16/dijit/themes/tundra/tundra.css" />
		<link rel="stylesheet" type="text/css"
			href="http://39.107.125.44/arcgis_js_api/library/3.16/3.16/esri/css/esri.css" />
		<script type="text/javascript"
			src="http://39.107.125.44/arcgis_js_api/library/3.16/3.16/init.js"></script>
		<script th:src="@{/partShow/partShowIndex.js}"></script>
	</div>
</body>

</html>
